.content{
	width:640px;
	height:640px;
	margin: 100px auto;
	position:relative;

}
.btn{
	width:100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.3);
	z-index: 2;
}
.btn button{
	background: none;
	border:none;
	background-size:100% 100%;

	cursor:pointer;
	outline:none;

	position:absolute;
	left:50%;
	top:50%;
}
.startBtn button{
	width:200px;
	height:80px;
	background-image:url(../images/start.jpg);
    border-radius:20px;
	margin-left:-100px;
	margin-top:-40px;
}
.pauseBtn{
	display:none;
}
.pauseBtn button{
	width:80px;
	height:80px;
	background-image: url(../images/zt.jpg);
	background-size: cover;
	margin-left:-40px;
	margin-top:-40px;
    border-radius:50%;
}

/*sankeWrap*/
#snakeWrap{
	width:600px;
	height:600px;
	background: #225675;
	border:20px solid #7dd9ff;
	position:relative;


}
/*#snakeWrap div{
	width:20px;
	height:20px;
}*/
.snakeHead{
	background-image: url(../images/snakeHead.png);
	background-size: cover;
    border-radius:20px;

}
.snakeBody{
	background-color:#9ddbb1;
	border-radius:50%;
}
.food{
	background-color:red;
	border-radius:50%;

}